<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>楼宇管家</title>
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="css/index.css">
  <!-- <link rel="stylesheet" type="text/less" href="less/index.less">-->
    <script>
        (function (doc, win) {
            var docEl = doc.documentElement,

                resizeEvt = 'onorientationchange' in window ? 'onorientationchange' : 'resize',
                recalc = function () {
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;
                    if (clientWidth >= 1440) {
                        docEl.style.fontSize = '100px';
                    } else {
                        docEl.style.fontSize = 100 * (clientWidth / 1440) + 'px';
                    }
                };

            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
    </script>
</head>

<body>
<div class="ly">
    <!--顶部-->
    <header>
        <div class="center container">
            <ul class="fl logo">
                <li><img src="images/logo1.png" alt=""></li>
            </ul>

            <div class="link">
                <ul class="fl ">
                    <li><a href="index.html"  class="active">首页</a></li>
                    <li><a href="产品介绍.html" >产品</a></li>
                    <li><a href="使用说明.html">使用说明</a></li>
                </ul>
            </div>

            <div class="login fr">
                <a href="#" class="ty">马上体验</a>
                <a href="#" class="btnLogin">登录</a>

            </div>


        </div>


    </header>

    <!--轮播图片-->
    <div class="ly_banner">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators banner_index">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                <li data-target="#carousel-example-generic" data-slide-to="3"></li>
            </ol>
            <div class="carousel-inner">
                <div class="item active">
                    <a href="#" class="pc_imgBox" style="background-image: url(images/banner.png)"></a>
                    <div class="carousel-caption  banner_info">
                        <h3>智慧生活</h3>
                        <div class="banner_center">
                            <h2>楼宇管家</h2>
                            <h2>SmartBuilding</h2>

                        </div>
                        <a href="#">
                            查看详情
                        </a>
                    </div>
                </div>
                <div class="item">
                    <a href="#" class="pc_imgBox" style="background-image: url(images/banner.png)"></a>
                    <div class="carousel-caption">
                    </div>
                </div>
                <div class="item">
                    <a href="#" class="pc_imgBox" style="background-image: url(images/banner.png)"></a>
                    <div class="carousel-caption">
                    </div>
                </div>
                <div class="item">
                    <a href="#" class="pc_imgBox" style="background-image: url(images/banner.png)"></a>
                    <div class="carousel-caption">
                    </div>
                </div>
            </div>
            <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left"></span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right"></span>
            </a>
        </div>


    </div>
    <!--描述-->
    <div class="ly_info">
        <div class="info-service">
            <div class="f1 ">
                <ul class="clearfix ">
                    <li>
                        <img src="images/1.png" alt="">
                        <p>告别手工 便捷高效</p>
                    </li>
                    <span class="line"></span>
                    <li>
                        <img src="images/2.png" alt="">
                        <p>告别手工 便捷高效</p>
                    </li>
                    <span class="line"></span>
                    <li>
                        <div>
                            <img src="images/3.png" alt="">
                        </div>
                        <p>告别手工 便捷高效</p>
                    </li>
                    <span class="line line_750"></span>
                    <li>
                        <div>
                            <img src="images/4.png" alt="">
                        </div>
                        <p>告别手工 便捷高效</p>
                    </li>
                    <span class="line"></span>
                    <li>
                        <div>
                            <img src="images/5.png" alt="">
                        </div>
                        <p>告别手工 便捷高效</p>
                    </li>
                    <span class="line"></span>
                    <li>
                        <div>
                            <img src="images/1.png" alt="">
                        </div>
                        <p>告别手工 便捷高效</p>
                    </li>
                </ul>


            </div>
            <div class="f2">
                <h4>楼宇管家</h4>
                <p>管理楼宇数量持续增加中</p>
                <ul>
                    <li>
                        <h5>楼宇总量(栋)</h5>
                        <p>12345 <span class="jt"></span></p>

                    </li>
                    <li>
                        <h5>楼宇总面积(万㎡)</h5>
                        <p> 12 <span class="jt"></span></p>

                    </li>
                    <li>
                        <h5>楼宇宗年租金(亿元)</h5>
                        <p> 33<span class="jt"></span></p>

                    </li>
                </ul>


            </div>

        </div>
    </div>
    <!--介绍-->
    <div class="ly_present">
        <div class="l1">
            <h3>管理天下楼</h3>
            <p>管好我家楼 就在智慧楼宇</p>

        </div>
        <div class="l2">
            <ul>
                <li class="active">楼宇管理</li>
                <li>招商管理</li>
                <li>租赁合同管理</li>
                <li>物业合同管理</li>
                <li>收入管理</li>
                <li>抄表管理</li>
                <li>停车场管理</li>
            </ul>

        </div>
        <div class="l3">
            <img src="images/l3.png" alt="">

        </div>
        <div class="l4">
            <div class="l4_info">
                <p>客户端登录，
                    高效楼宇管理，不好写我切图这里，简短介绍。</p>
                <a href="#">了解更多</a>

            </div>

        </div>
    </div>
    <!--体验-->
    <div class="experience clearfix">
        <h3>马上体验</h3>
        <p>楼宇管家 专业管楼</p>
        <div class="experience_input clearfix">
            <input type="text" placeholder="请输入您的电话号码">
            <div class="div_code"><input type="text" placeholder="验证码" class="code">
                <button><span>获取验证码</span></button>
            </div>
            <select name="" id="">
                <option value="">省份</option>
                <option value="">省份1</option>
                <option value="">省份12</option>
            </select>
            <select name="" id="1">
                <option value="">城市</option>
                <option value="">城市1</option>
                <option value="">省份12</option>
            </select>
        </div>
        <a href="javascript:;" class="ty bulletBtn">马上体验</a>

    </div>


    <!--底部-->
    <footer class="clearfix">
        <div class="foot_service clearfix">
            <div class="adress">
                <img src="images/logo2.png" alt="">
                <p>京ICP备140296323号-2</p>
                <p>Copyright © 2012-2015 北京楼宇管家电子商务有限公司 版权所有</p>

            </div>
            <div class="partner clearfix">
                <div class="clearfix">
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">服务条款</a></li>
                    <li><a href="#">快速体验</a></li>
                    <li><a href="#">加入我们</a></li>
                </div>
                <div>
                    <li><a href="#">安全技术</a></li>
                </div>


            </div>
            <div class="weixin clearfix">
                <div class="clearfix">
                    <img src="images/weixin.png" alt="">
                    <p>扫码关注微信公众号</p>
                </div>

            </div>


        </div>
    </footer>


</div>


<div class="bullet_class">
    <div>
        <h3>提交成功</h3>
        <p>稍后会有工作人员通过电话与您联系
            您也可以直接拨打400-008-1003</p>
        <a href="#" class="btnRet">返回首页</a>
    </div>

</div>
</body>
<script src="lib/less/less.min.js"></script>
<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<script src="lib/html5shiv/html5shiv.min.js"></script>
<script src="lib/zepto/zepto.min.js"></script>
<script src="js/index.js"></script>
<script>


</script>
</html>